<template>
    <div class="detail">
        <el-card class="step-box">
            <el-tabs v-model="tabIndex">
                <el-tab-pane :label="$t('router.accountDetail')" :name="1"></el-tab-pane>
                <el-tab-pane :label="$t('router.accountStatistics')" :name="2"></el-tab-pane>
            </el-tabs>
        </el-card>

        <AccountDetail v-show="tabIndex==1" :account-id="accountId"/>

        <AccountStatistics v-show="tabIndex==2" :account-id="accountId"/>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import {useRoute} from "vue-router";

const route = useRoute();
const tabIndex = ref(1);
const accountId = ref(route.query.id);

</script>

<style lang="scss" scoped>

</style>
